<template>
<div>
<div>
<span v-for="(item, index) in hobby" :key="index">
<input type="checkbox" v-model="ischecked" :value="item">{{fitem}}
</span>
</div>
<ul>
 <li v-for="(item,index) in ischecked" :key="index">{{item}}</li></ul>
</div>
</template>
<script>
export default {
  data() {
    return {
   hobby:["科幻","喜剧","动漫","冒险","科技","军事","娱乐","奇闻"],
ischecked: []
    }
  },

    }

  

</script>

<style>

</style>

